<!DOCTYPE html>
<html lang="en">

<head>
     	
   <!-- All Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="author" content="$opk" >
	<meta name="robots" content="" >
	<meta name="keywords" content="$opk">
	<meta name="description" content="$opk" >
	<meta property="og:title" content="$opk" >
	<meta property="og:description" content="$opk">
	<meta property="og:image" content="images/favicon2.png" >
	<meta name="format-detection" content="telephone=no">

	<!-- Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Page Title Here -->
	<title>$opk</title>

<!-- FAVICONS ICON -->
	<link rel="shortcut icon" type="image/png" href="images/favicon2.png" >
    <link rel="stylesheet" href="./vendor/toastr/css/toastr.min.css">	
	<link href="vendor/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
	<link href="vendor/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet">
	<link href="vendor/jquery-nice-select/css/nice-select.css" rel="stylesheet">
	<link href="vendor/lightgallery/css/lightgallery.min.css" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/my_style.css" rel="stylesheet">

</head>

<body style="background-color: #111624">

    <!--*******************
        Preloader start
    ********************-->
    	
    <div id="preloader">
	  <div class="loader">
		<div class="dots">
			  <div class="dot mainDot"></div>
			  <div class="dot"></div>
			  <div class="dot"></div>
			  <div class="dot"></div>
			  <div class="dot"></div>
		</div>
			
		</div>
	</div>
    <!--*******************
        Preloader end
    ********************-->


    <!--**********************************
        Main wrapper start
    ***********************************-->
    <div id="main-wrapper">

        <!--**********************************
            Nav header start
        ***********************************-->
		  <div class="nav-header">
            <a class="brand-logo nav-control2 btn" onclick="onclick_brand_logo()">
				<h2 class="logo-abbr" style="margin-bottom: 0px;display: grid;align-content: center;">
					<img src="my_imgae/LOGO.png" width="150" style="padding-inline: 1px;">
				</h2>
            </a>
			
            <div class="nav-control d-none" style="margin-top: 5px;">
                <div class="hamburger">
                    <span class="line"></span><span class="line"></span><span class="line"></span>
					<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
						<rect x="22" y="11" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect x="11" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect x="22" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect x="11" y="11" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect x="11" y="22" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect width="4" height="4" rx="2" fill="#2A353A"/>
						<rect y="11" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect x="22" y="22" width="4" height="4" rx="2" fill="#2A353A"/>
						<rect y="22" width="4" height="4" rx="2" fill="#2A353A"/>
					</svg>		
                </div>
            </div>

        </div>
        <!--**********************************
            Nav header end
        ***********************************-->
		
        <!--**********************************
            Header start
        ***********************************-->
		<div class="header">
			<div class="header-content border-bottom" style="border-bottom: 0.0625rem solid rgb(255 255 255 / 4%) !important;padding-left: 30px;">
				<nav class="navbar navbar-expand">
					<div class="d-flex justify-content-center align-items-center" style="width: 100%;">
						<div class="collapse navbar-collapse d-flex justify-content-center align-items-center" style="max-width:1371px">
							<div class="header-left me-auto2 mx-auto" style="padding-left: 0px;">

								<div class="dashboard_bar">
									<div class="headnavbar d-none d-sm-none d-md-none d-lg-block">

										<ul class="nav justify-content-center ">
											<li class="nav-item">
												<a class="nav-link mylink" href="index.html"  style="font-size: large;" >HOME</a>
											</li>
											<li class="nav-item">
												<a class="nav-link mylink" href="javascript:onComingsoon();"  style="font-size: large;" >RUNES</a>
											</li>
											<li class="nav-item">
												<a class="nav-link mylink" href="javascript:onComingsoon();"  style="font-size: large;" >DEPLOY</a>
											</li>
											<li class="nav-item">
												<a class="nav-link mylink" href="javascript:onComingsoon();"  style="font-size: large;" >MARKETPLACE</a>
											</li>

											<!-- <li class="nav-item">
												<a class="nav-link mylink" href="launchpad.html" style="font-size: large;" >LAUNCHPAD</a>
											</li> -->
											
											<li class="nav-item center My_Assets d-none">
												<a class="nav-link mylink" href="myAssets.html"  style="padding-block: 0.5rem;padding-inline: 0.5rem;border-radius: 0.6rem;background-image: linear-gradient(to right, #f9bb5f, #e59f37);font-weight: 400;color: black;" >My Assets</a>
											</li>
											
										</ul>
									</div>
								</div>
								<div style="height: 69px;">&nbsp;</div>

							</div>

							<ul class="navbar-nav header-right ms-auto2">

								<li class="nav-item dropdown notification_dropdown all">

									<li class="nav-item">
										<div id="head_navbar_center_btn" onclick="Head_ConnectWallet('openAccountModal')" class="btn my-btn center border px-1"  style="display: none;border-radius: 0.6rem;">
											<div class="center" style="display: flex;">
													<div id="head_chainicon" style="margin-left: 0.2rem;"> </div>
													<span id="head_amount" class="nav-text border mx-1 px-1 " style="font-size: large;border-radius: 0.6rem;" ></span>
													<div class="d-none d-sm-none d-md-block d-lg-none d-xl-block">
														<a><span id="head_address" class="nav-text  mb-0 border mx-1 px-1"  style="font-size: large;border-radius: 0.6rem;"></span></a>
													</div>
											</div>
										</div>

										<a onclick="Head_ConnectWallet()" id="btn_head_ConnectWallet" class="btn btn-warning my-btn px-3 " style="padding-block: 6px; border-radius: 0.6rem; background-image: linear-gradient(to right, #feb446, #ed8e01);" >
											Connect Wallet
										</a>

										<div style="height: 69px;">&nbsp;</div>
									</li>
								</li>
							</ul>

						</div>
					</div>
				</nav>
			</div>
			
		</div>  
        <!--**********************************
            Header end ti-comment-alt
        ***********************************-->

        <!--**********************************
            Sidebar start
        ***********************************-->
      <div class="dlabnav border-right" style="border-right: 0.0625rem solid rgb(255 255 255 / 4%) !important;">
			<div class="dlabnav-scroll">
				<hr style="margin-top: 1px;">
				<ul class="metismenu" id="menu" style="height: 70%;">

					<li><a id="onclickHome" href="index.html" aria-expanded="false">
							<span class="nav-text" style="font-size: larger;">HOME</span>
					</a></li>

					<li><a href="javascript:onComingsoon();" aria-expanded="false">
						<span class="nav-text" style="font-size: larger;">RUNES</span>
					</a></li>

					<li><a href="javascript:onComingsoon();" aria-expanded="false">
						<span class="nav-text" style="font-size: larger;">DEPLOY</span>
					</a></li>

					<li><a href="javascript:onComingsoon();" aria-expanded="false">
						<span class="nav-text" style="font-size: larger;">MARKETPLACE</span>
					</a></li>

					<li class="My_Assets d-none"><a href="myAssets.html" aria-expanded="false">
						<span class="nav-text" style="padding-block: 0.5rem;padding-inline: 0.5rem;border-radius: 0.6rem;background-image: linear-gradient(to right, #f9bb5f, #e59f37);font-weight: 400;color: black;">My Assets</span>
					</a></li>

					<hr style="width: 80%;margin-left: 10%;">

				</ul>

				<div class="d-flex justify-content-center align-items-center">
					<a class="nav-text text-white" style="margin: 0 auto;padding-top: 0px; padding-bottom: 2px;">
					<img src="my_imgae/Links_A.png" style="width:30px; margin-inline: 4px;">
					<img src="my_imgae/Links_B.png" style="width:30px; margin-inline: 4px;">
					<img src="my_imgae/Links_C.png" style="width:30px; margin-inline: 4px;">
					<img src="my_imgae/Links_D.png" style="width:30px; margin-inline: 4px;">
					<img src="my_imgae/Links_F.png" style="width:30px; margin-inline: 4px;">
					</a>
				</div>
				
				<hr>
				
				<div class="copyright">
					<div class="d-flex justify-content-center align-items-center btn-default" onclick="Head_ConnectWallet('openAccountModal')">
						<div class="row" style="display: none;">
							<div class="col-1 px-4">
								<img src="my_imgae/arbitrum.png" style="width:30px; ">
							</div>
							<div class="col">
								<div id="copyright_address" style="color:aliceblue;"></div>
								<div style="color: dimgray;">Wallet connected</div>
							</div>
						</div>
					</div>
				</div>
			</div>
        </div>
        <!--**********************************
            Sidebar end
        ***********************************-->

		<div class="d-flex justify-content-center align-items-center">
        <div class="content-body " style="max-width: 1369px;padding-bottom: 2rem;">
            <div class="container-fluid">


			<!--**********************************
				Content body start
			***********************************-->
			<div class="mb-5" style="margin-inline: 6%;margin-top: 3%;">
				<div class="center">
					<h2>opk.World</h2>
					<h3 class=" mb-3">The First Runes on Arbitrum</h3>
				</div>
			</div>

			<div class="row mt-3" >
				<div class="col-md-4">
					<div class="row" >
						<div class="col-md-12">
							<div class="mycard">
								<div class="mycard-body">
									<div class="profile-statistics">
										<div class="text-primary d-inline">
											<div class="media center">
												<div class="media-body">
													<h3 id="userCount" style="color: rgb(254, 199, 21)!important;">0</h3>
													<p class="mb-0">Users</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="row" >
						<div class="col-md-12">
							<div class="mycard">
								<div class="mycard-body">
									<div class="profile-statistics">
										<div class="text-primary d-inline">
											<div class="media center" >
												<div class="media-body">
													<h3 id="LaunchpadDonate" style="color: rgb(254, 199, 21)!important;">$ 0</h3>
													<p class="mb-0">Launchpad donate
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="row" >
						<div class="col-md-12">
							<div class="mycard">
								<div class="mycard-body">
									<div class="profile-statistics ">
										<div class="text-primary d-inline ">
											<div class="media center" >
												<div class="media-body">
													<h3 id="TotalTradingVolume" style="color: rgb(254, 199, 21)!important;">$ 0</h3>
													<p class="mb-0">Total trading volume</p>
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="d-none d-sm-none d-md-block" style="visibility: hidden;">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.Food truck quinoa nesciunt laborum eiusmod.Food truck quinoa nesciunt laborum eiusmod.</div>

			<div class="center m-4">
				<div style="max-width: 500px;">
					<h2>$opk</h2>
				</div>
			</div>

			<div class="center mt-4" >
				<div class="mycard2">
					<div class="mycard-body">
						<div class="profile-statistic3" style="width: 400px;max-width: 87vw;">
							<div class="text-primary d-inline">
								<div class="media " style="align-items: center;">
									<div class="media-body center" style="height: 200px;">
										<div class="cardtext">{"p":"ars-20","tick":"arbs","op":</div>
										<div class="cardtext">"mint","amt":"1000"}</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<h4 style="color: azure;">SUPPLY: &nbsp;2,100,000,000 &nbsp; &nbsp; Limit per mint: &nbsp;1000</h4>

				<div class=" mt-4" style="width: 600px;max-width: 87vw;">
					<div class="d-flex justify-content-between mb-3">
						<h4>opk&nbsp;<img src="my_imgae/aaa.png" width="24" style="padding-inline: 1px;"></h5>
						<h4>Fee: 0.00005(ETH)</h4>
					</div>
					<div class="progress" style="background-color: aliceblue;">
						<div class="progress-bar bg-warning" style="width: 0%"></div>
					</div>
					<h4 class="m-3 progress-value">0%</h4>
				</div>

				<div class="row m-4 justify-content-center" style="width: 100%;">
					<div class="col-12 col-md-4 col-xl-4 mb-4">
						<a onclick="doMint(1)" class="col btn btn-warning my-btn center" style="height: 38.45px;padding-block: 0.7rem; padding-inline: 2rem; border-radius: 0.6rem; background-image: linear-gradient(to right, #feb446, #ed8e01);" >
							MINT
						</a>
					</div>
					<div class="col-12 col-md-4 col-xl-4 mb-4">
						<a onclick="doMint(100)" class="col btn btn-warning my-btn center" style="height: 38.45px;padding-block: 0.7rem; padding-inline: 2rem; border-radius: 0.6rem; background-image: linear-gradient(to right, #feb446, #ed8e01);" >
							MINT 100
						</a>
					</div>
					<div class="col-12 col-md-4 col-xl-4 mb-4">
						<a onclick="doMint(500)" class="col btn btn-warning my-btn center" style="height: 38.45px;padding-block: 0.7rem; padding-inline: 2rem; border-radius: 0.6rem; background-image: linear-gradient(to right, #feb446, #ed8e01);" >
							 MINT 500
						</a>
					</div>
				</div>

				<p>During the Mint process, each rune will consume 0.00005 ETH to the insurance contract</p>

			</div>

		</div>
		</div>
		</div>
		<div class="d-flex justify-content-center align-items-center"  style="background-color: #1E2335">
		<div class="content-body " style="max-width: 1369px; padding-bottom: 2rem;padding-top: 2rem;">
		<div class="container-fluid" >

			<!-- <div class="my-4 center">
				<div style="display: flex;max-width: 400px;">
					<input data="address" value="" type="text" class="form-control mx-2 transfer_address" vaule="vaule" placeholder="input address" style="font-size: larger; border: none;padding-left: 10px; height: 36px;min-width: 260px;">
					<a onclick="doTransfer()" class="btn btn-warning my-btn mx-2 center" style="height: 36px;padding-block: 0.7rem; padding-inline: 2rem; border-radius: 0.6rem; background-image: linear-gradient(to right, #feb446, #ed8e01);" >
						&nbsp; &nbsp;Transfer&nbsp; &nbsp;
					</a>
				</div>
			</div> -->

		
			<div >
				<div style="max-width: 500px;display: flex;">
					<h2 class="mb-0 py-0 ">Last Runes</h2>
					<div class="btn btn-primary my-btn border px-3 py-0 mx-3 center"  style="border-radius: 0.6rem;text-align: center;">
						<h3 class="mb-0">Refresh</h3>
					</div>
				</div>
			</div>

			<div class="runes-list row mt-4 ">
				<!-- <div class="col-6 col-md-4 col-xl-2 mb-3"><div style="background-color: rgb(0, 0, 0);"><div class="d-flex  flex-column justify-content-center align-items-center" style="height: 210px; background-color: rgb(83, 83, 83); color: rgb(231, 231, 231);"><div class="sg-font rune-content p-3 break-all">{:"transfer","amt":"674000","price":"125000000000000"}</div></div><div class="p-2" style="height: 72px; color: rgb(255, 255, 255);"><div class="d-flex flex-row justify-content-between mb-3"><div class="sg-font">#11640964</div><div class="sg-font hash text-overflow">0x19d5ca2ec48fb1fdb97c39d45ba527f7ba6441de71a4bdc5928463c64e929fde</div></div><div class="d-flex justify-content-between"><div class="sg-font" style="font-size: 10px;">12 minutes ago</div><div class="font" style="font-size: 14px;"></div></div></div></div></div> -->
			</div>

			<div class="d-none d-sm-none d-md-block" style="visibility: hidden;">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.Food truck quinoa nesciunt laborum eiusmod.Food truck quinoa nesciunt laborum eiusmod.</div>


		</div>
		</div>
		</div>
		<div class="d-flex justify-content-center align-items-center"  style="background-color: #111624">
		<div class="content-body " style="max-width: 1369px; padding-bottom: 2rem;padding-top: 2rem;">
		<div class="container-fluid" >

			<div class="d-none d-sm-none d-md-block" style="visibility: hidden;">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.Food truck quinoa nesciunt laborum eiusmod.Food truck quinoa nesciunt laborum eiusmod.</div>

			<!--**********************************
				Content body end
			***********************************-->
			<!--**********************************
					Footer start
			***********************************-->
			<div class="my-5">
				<div class="center"><h3>Join Us On</h3></div>

				<div class="row mt-3" >
					<div class="col-xl-6">
						<div class="row" >
							<div class="col">
								<a  >
									<p class="mb-1 mycard px-1 py-2 m-3 center d-flex">
										<img src="my_imgae/ic-twitter.png" style="padding-inline: 1px;"><span style="color: aliceblue;"> &nbsp;Twitter</span>
									</p>
								</a>
							</div>
							<div class="col">
								<p class="mb-1 mycard px-1 py-2 m-3 center d-flex">
									<img src="my_imgae/ic-discord.png" style="padding-inline: 1px;"><span style="color: aliceblue;"> &nbsp;Discord</span>
								</p>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="row" >
							<div class="col">
								<a  >
									<p class="mb-1 mycard px-1 py-2 m-3 center d-flex">
										<img src="my_imgae/ic-telegram.png" style="padding-inline: 1px;"><span style="color: aliceblue;"> &nbsp;Telegram</span>
									</p>
								</a>
							</div>
							<div class="col">
								<p class="mb-1 mycard px-1 py-2 m-3 center d-flex">
									<img src="my_imgae/ic-medium.png" style="padding-inline: 1px;"><span style="color: aliceblue;"> &nbsp;Medium</span>
								</p>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			


			<!--**********************************
			Footer end
			***********************************-->
			</div>
		
		</div>
		</div>
		
			<!--**********************************
				copyright start
			***********************************-->
			<div class="footer out-footer style-2">
				<div class="copyright ">
					<!-- <p>2023 Chainbet.com All Rights Reserved</p> -->
				</div>
			</div>
		<!--**********************************
			copyright end
		***********************************-->
        <!--**********************************
           Support ticket button start
        ***********************************-->

        <!--**********************************
           Support ticket button end
        ***********************************-->
        
    </div>
    <!--**********************************
        Main wrapper end
    ***********************************-->
	
	<!--removeIf(production)-->
        
    <!--**********************************
        Scripts
    ***********************************-->
    <!-- Required vendors -->
    <script src="vendor/global/global.min.js"></script>
	<script src="vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
	<script src="vendor/jquery-nice-select/js/jquery.nice-select.min.js"></script>
    <script src="vendor/toastr/js/toastr.min.js"></script>
    <script src="vendor/chart.js/Chart.bundle.min.js"></script>
	<script src="vendor/lightgallery/js/lightgallery-all.min.js"></script>
    <script src="js/custom.js"></script>
	<script src="js/dlabnav-init.js"></script>
	<script src="js/demo.js"></script>
    <!-- <script src="js/styleSwitcher.js"></script> -->
	<script src="my_js/bignumber.min.js"></script>	
    <script src="my_js/helper.js"></script>
    <script src="my_js/wallet.js"></script>
	<script src="my_js/head.js"></script>
	<script src="my_js/contracts.js"></script>
	<script src="my_js/launchpad.js"></script>
	<script src="my_js/slider.js"></script>

</body>
</html>